uniapp

您所在的位置：网站首页 › js addelement › uniapp

uniapp

#uniapp| 来源: 网络整理| 查看: 265

前言

一、引入element

二、使用步骤

1.在main.js里面添加

2.在想要页面里面添加

总结

前言

我们在开web开发的时候，经常会使用到element或者uview-ui，本篇文章主要讲解如何在uniapp中接入element。下面来看看使用element的el-radio组件的效果图

一、引入element

首先鼠标在项目中右键--使用命令窗口打开所在目录，

输入：D:\wangyao\HBuilderX\plugins\npm\npm install npm i element-ui -S

注意：D:\wangyao\HBuilderX\plugins\npm\ 是你自己安装npm的路径，如果你的npm是设置了全局路径就可以不用填，主要是使用npm运行命令：npm install npm i element-ui -S

命令运行之后会生成一个node_modules文件，代表已经引入成功

二、使用步骤 1.在main.js里面添加 import Vue from 'vue' import App from './App' // 使用element import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'; Vue.config.productionTip = false App.mpType = 'app' // 使用element Vue.use(ElementUI) const app = new Vue({ ...App }) app.$mount()

2.在想要页面里面添加备选项11 备选项22 export default { data() { return { radio: '1' } }, onLoad() { }, methods: { } } 总结导入：npm install npm i element-ui -S main.js里添加引入在所需的页面上使用即可

【本文地址】

uniapp

uniapp

今日新闻

推荐新闻